<template>
	<view class="container data-v-37aa493a">
		<view class="result-main data-v-37aa493a">
			<view class="subproduct-icon data-v-37aa493a">
				<image class="data-v-37aa493a"
					src="https://img.onlinedown.net/download/202203/181839-623af3ff13d44.jpg"></image>
			</view>
			<view class="subproduct-title data-v-37aa493a">name</view>



			<view class="user-mask data-v-5a86b04a" v-if="isAuth">
				<view class="body data-v-5a86b04a">
					<view class="title data-v-5a86b04a">注意</view>
					<button class="userinfo-btn data-v-5a86b04a" @click="authHandler">立即授权</button>
				</view>
			</view>



		</view>




	</view>

</template>

<script>
	import { getUserInfo } from '@/common/auth.js';
	export default {
		data() {
			return {
				isAuth:true
			}
		},
		onLoad(option) { //option为object类型，会序列化上个页面传递的参数
			console.log(option.id); //打印出上个页面传递的参数。
		},
		methods: {
			authHandler() {
				getUserInfo();
				this.isAuth = false;
			},
		}
	}
</script>

<style scoped>
	.container.data-v-37aa493a {
		background: #040c2c url(https://ttmini.yizhiwechat.com/ytKnowledgePlanet/result-bg.jpg) no-repeat top/100%;
	}

	.result-main.data-v-37aa493a {
		color: #fff;
	}

	.result-main .subproduct-icon.data-v-37aa493a {
		width: 110rpx;
		height: 110rpx;
		background: #303656;
		border: 6rpx solid #fff;
		border-radius: 50%;
		margin: 53rpx auto 28rpx;
	}

	.result-main .subproduct-icon image.data-v-37aa493a {
		width: 98rpx;
		height: 98rpx;
		border-radius: 50%;
	}

	.result-main .subproduct-title.data-v-37aa493a {
		font-size: 60rpx;
		font-weight: 700;
		text-align: center;
	}

	.result-main .subproduct-comment.data-v-37aa493a {
		font-size: 34rpx;
		text-align: center;
		margin-top: 29rpx;
	}

	.result-main .designation.data-v-37aa493a {
		width: 640rpx;
		height: 640rpx;
		margin: 0 auto;
	}

	.result-main .result-honor.data-v-37aa493a {
		font-size: 34rpx;
		font-weight: 700;
		color: #ffff2e;
		line-height: 36rpx;
		text-align: center;
		margin-top: -90rpx;
	}

	.result-main .result-content.data-v-37aa493a {
		width: 614rpx;
		font-size: 30rpx;
		line-height: 45rpx;
		text-align: justify;
		margin: 48rpx auto 60rpx;
	}

	.result-main .again-btn.data-v-37aa493a {
		font-size: 34rpx;
		text-align: center;
		color: #fff;
	}

	.more-test.data-v-37aa493a {
		width: 680rpx;
		height: 82rpx;
		margin: 66rpx auto 22rpx;
		position: relative;
	}

	.list-box.data-v-37aa493a {
		padding: 33rpx 35rpx 50rpx;
	}

	.list-box .main-list.data-v-37aa493a {
		width: 680rpx;
		height: 320rpx;
		background: #ad7efe;
		border-radius: 40rpx;
		padding: 56rpx 40rpx 50rpx 0;
		display: flex;
		margin-bottom: 39rpx;
		position: relative;
		overflow: hidden;
	}

	.list-box .main-list .circle.data-v-37aa493a {
		width: 295rpx;
		height: 347rpx;
		position: absolute;
		right: -20rpx;
		top: -80rpx;
	}

	.list-box .main-list .list-left.data-v-37aa493a {
		width: 410rpx;
		margin: -6rpx 20rpx 0;
	}

	.list-box .main-list .list-left .text-word.data-v-37aa493a {
		font-size: 42rpx;
		font-weight: 700;
		color: #fff;
		height: 200rpx;
		display: block;
	}

	.list-box .main-list .list-left .cs-num.data-v-37aa493a {
		font-size: 26rpx;
		color: #fff;
		font-weight: 700;
	}

	.list-box .main-list.data-v-37aa493a::before {
		content: "";
		display: block;
		width: 10rpx;
		height: 42rpx;
		background: #fff;
	}

	.list-box .main-list .product-icon.data-v-37aa493a {
		width: 160rpx;
		height: 160rpx;
		border-radius: 20rpx;
		background: #fff;
		padding: 2rpx;
		position: absolute;
		right: 40rpx;
		top: 54rpx;
	}

	.list-box .main-list .product-icon .icon.data-v-37aa493a {
		width: 156rpx;
		height: 156rpx;
		border-radius: 20rpx;
	}

	.list-box .main-list.data-v-37aa493a:nth-child(5n+1) {
		background: #ad7efe;
	}

	.list-box .main-list.data-v-37aa493a:nth-child(5n+2) {
		background: #5258ab;
	}

	.list-box .main-list.data-v-37aa493a:nth-child(5n+3) {
		background: #f07e63;
	}

	.list-box .main-list.data-v-37aa493a:nth-child(5n+4) {
		background: #47b185;
	}

	.list-box .main-list.data-v-37aa493a:nth-child(5n+5) {
		background: #5f7ae3;
	}
	.user-mask.data-v-5a86b04a {
	    position: fixed;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    display: flex;
	    -webkit-box-align: center;
	    align-items: center;
	    -webkit-box-pack: center;
	    justify-content: center;
	    z-index: 1000;
	    background-color: rgba(0,0,0,.6);
	}
	
	.user-mask .body.data-v-5a86b04a {
	    background-color: #fff;
	    border-radius: 20rpx;
	    width: 640rpx;
	    padding: 24rpx 30rpx;
	}
	
	.user-mask .title.data-v-5a86b04a {
	    text-align: center;
	    font-size: 42rpx;
	    color: #000;
	    font-weight: bolder;
	}
	
	.user-mask .content.data-v-5a86b04a {
	    display: block;
	    height: auto;
	    text-align: center;
	    font-size: 36rpx;
	    color: #666;
	    line-height: 54rpx;
	    padding: 24rpx;
	}
	
	.user-mask .userinfo-btn.data-v-5a86b04a {
	    background: linear-gradient(0deg,#196cde,#4693fd);
	    color: #fff;
	    font-size: 36rpx;
	    line-height: 86rpx;
	    letter-spacing: 3px;
	    margin-top: 30rpx;
	}
	
	.user-mask .close-btn.data-v-5a86b04a {
	    color: #999;
	    text-align: center;
	    width: 140rpx;
	    height: 32rpx;
	    line-height: 32rpx;
	    font-size: 28rpx;
	    display: block;
	}
</style>
